<!DOCTYPE html>
<html data-ng-app="kaffipad">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="lib/js/angular/angular.js" type="text/javascript"></script>
        <script src="lib/js/angular/angular-cookies.js" type="text/javascript"></script>
        <script src="lib/js/underscore.js" type="text/javascript"></script>
        <script src="lib/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="lib/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
        <script src="lib/js/jquery.ui.touch-punch.min.js" type="text/javascript"></script> <!-- Må inkluderes etter jquery-ui -->
        <script src="js/yastStampLibrary.js" type="text/javascript"></script>
        <script src="js/services.js" type="text/javascript"></script>
        <script src="js/settings.js" type="text/javascript"></script>
        <script src="js/kaffipadModule.js" type="text/javascript"></script>
        <script src="js/mainCtrl.js" type="text/javascript"></script>
        <script src="js/loginCtrl.js" type="text/javascript"></script>
        <script src="js/aboutCtrl.js" type="text/javascript"></script>
        <script src="js/homeCtrl.js" type="text/javascript"></script>
        <script src="js/settingsCtrl.js" type="text/javascript"></script>
        <link href="css/home.css" rel="stylesheet" type="text/css"/>

    </head>
    <body data-ng-controller="MainCtrl">
        <div data-ng-click="unlockAttempt()" id='lockOverlay' data-ng-show='locked' ><img src="img/bigLock.png"/></div>
        <div id="container">
            <header id="header">
                <div id="configurationFunctions" class="functions">
                    <a title="Settings" href="#settings" class="appIcon" ><img src="img/nav/settingsApp.png"/></a>
                    <a title="User settings" class="userIcon" data-ng-hide="true" ><img src="img/nav/settingsUser.png"/></a>
                    <a title="Application locked. Login to unlock" data-ng-click="lockApp()" class="lockedIcon" data-ng-hide="true" ><img src="img/nav/settingsLocked.png"/></a>
                </div>

                <div id="userFunctions" class="functions">
                    <a title="Add user" href="#login" class="appIcon" data-ng-show="true" ><img src="img/nav/userAdd.png"/></a>
                    <a title="Delete user" class="userIcon" data-ng-hide="true" ><img src="img/nav/userDelete.png"/></a>
                    <a  title="Application locked. Login to unlock" data-ng-click="lockApp()" class="lockedIcon" data-ng-hide="true" ><img src="img/nav/userLocked.png"/></a>
                </div>

                <div class="functions">
                    <a href="#home" class="btn" >Kaffipad</a>
                </div>
            </header>
            <div id="userResponse">Testing</div>
            hallo
            <div id="page" data-ng-view></div>
            <footer>
                <div id="info">
                    <a href="#info" class="btn" ><img src="img/nav/info.png"/></a>
                </div>
                <div id="lockFunctions" class="functions">
                    <a title="Lock Application" data-ng-click="lockApp()" class="appIcon" data-ng-show="true" ><img src="img/nav/lockApp.png"/></a>
                    <a title="Lock user" class="userIcon" data-ng-hide="true" ><img src="img/nav/lockUser.png"/></a>
                </div>
                <div class="functions">
                    <img title="Application is offline" data-ng-show="offline" src="img/offline.png" />
                </div>
            </footer>
        </div>
    </body>
</html>